<script setup lang="ts">
function handleClickLeft() {
  uni.navigateBack()
}
</script>

<template>
  <view class="h-full flex flex-col overflow-hidden">
    <wd-navbar title="添加员工账号" left-text="返回" left-arrow @click-left="handleClickLeft" />
    <scroll-view scroll-y class="box-border flex-1 overflow-hidden" :show-scrollbar="false">
      <wd-cell title="启用员工账号" title-width="80%">
        <wd-switch size="20px" />
        <template #label>
          <wd-text text="停用后，该员工账号蒋不能再登录收银系统下的任何产品" size="11px" />
        </template>
      </wd-cell>
      <wd-cell-group border class="mt-3 pb-4">
        <wd-cell title="员工编号" value="12" />
        <wd-cell title="员工姓名" value="张三" />
        <wd-cell title="手机号">
          <wd-text text="139****1234" color="#333">
            <template #suffix>
              <wd-icon name="view" size="14px" class="ml-1" />
            </template>
          </wd-text>
        </wd-cell>
        <wd-cell title="账号" value="a13900001111" />
        <wd-cell title="所属机构" value="乡村基（青羊店）" is-link />
        <wd-cell title="机构角色" value="3个角色" is-link />
        <expand-bar expand-text="更多设置" collapse-text="收起更多设置">
          <wd-cell title="短账号" value="去设置" is-link />
          <wd-cell title="头像" value="去上传" is-link />
          <wd-cell title="岗位" value="" is-link />
          <wd-cell title="入职时间" value="" is-link />
          <wd-cell title="性别" value="" is-link />
          <wd-cell title="婚姻" value="" is-link />
          <wd-cell title="邮箱" value="" is-link />
          <wd-cell title="备注" value="" is-link />
          <wd-cell title="健康证号码" value="去上传" is-link />
        </expand-bar>
      </wd-cell-group>
    </scroll-view>
    <view class="flex border-t-1 border-border border-t-solid bg-white p-4">
      <wd-button
        type="info"
        class="flex-1 !border-1 !border-border !border-solid !text-primary"
        :round="false"
      >
        复制角色账号
      </wd-button>
      <wd-button type="primary" :round="false" class="ml-2 flex-1">保存</wd-button>
    </view>
  </view>
</template>

<style scoped lang="scss">
:deep(.wd-cell__wrapper) {
  padding: 15px 15px 15px 0;
}
</style>
